/* 外部样式表：1.css编码集 [外链去掉-]
              utf-8表示“utf8*
			  注意：后面分好不能用中文输入法，不可以去掉*/
@charset utf-8;
/*统配选择器：统一规划页面上的样式：文字，超链接，
             盒模型针对外边距【有部分元素存在外边距】
			 列表针对两个列表自带样式【去掉列表样式】
			 颜色...*/
*{
	font-family: 微软雅黑,sans-serif
	text-decoration: none;
	list-style: none;
	margin: 0;/*哪些元素自带外边距？h1，p，div*/
	padding: 0;		
	color: #333;	
	/* 给所有的div元素添加圆 300*300  文本垂直居中放大 */
			 }
			 div{
				 width: 300px ;
				 height: 300px;
				 border: 1px soild red;
				 border-radius: 50% ;
				 font-size: 10em ;
				 text-align: center ;
				 line-height: center ;
				 /*浮动 float： none默认不浮动 
				                left 左浮动  元素变成块元素，脱离文档流
								right 右浮动  元素变成块元素，脱离文档流，
								按照顺序首元素靠右【列表元素内容颠倒】
								*/
							   float: right;
							   cl ear: right;
			 }
            .d1{ 
				background: #55ff00; 
			 }
			 .d2{
			 	background: #55ffee; 
			  }
			  .d3{
			  	background: #5555ff; 
			   }
			   .d4{
			   	background: #5599ff; 
				/*清除浮动*/
				float: left;
			    
			    }